/**
 * 列表样式 - 屏参设置 列表
 * @author xiaoxujs
 */

import { FC } from "react";
import { ListStyleModuleBox } from "../../style";
import { IIYckzZyLoadControlParamSetSetScreenVO } from "../../../../../type/remoteControl/loadingControlList";

const ListStyleModulePingchan: FC<{
    data?: IIYckzZyLoadControlParamSetSetScreenVO
}> = ({
    data
}) => {
        let arr = [
            '单行',
            '多行'
        ]
        return <ListStyleModuleBox>
            <thead>
                <tr className="box-title-tr">
                    <th align='center'>IP地址</th>
                    <th align='center'>端口号</th>
                    <th align='center'>用户名</th>
                    <th align='center'>密码</th>
                    <th align='center'>显示模式</th>
                    <th align='center'>设备品牌</th>
                </tr>
            </thead>
            <tbody>
                <tr className="box-tr">
                    <td align='center'>{(data && data.screenIp) || '--'}</td>
                    <td align='center'>{(data && data.screenPort) || '--'}</td>
                    <td align='center'>{(data && data.screenUser) || '--'}</td>
                    <td align='center'>{(data && data.screenPassword) || '--'}</td>
                    <td align='center'>{(data && arr[data.screenType]) || '--'}</td>
                    <td align='center'>{(data && data.screenBrand) || '--'}</td>
                </tr>
            </tbody>

        </ListStyleModuleBox>
    }

export default ListStyleModulePingchan;